<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <script src="../../assets/iconfont.js"></script>
    <link rel="stylesheet" href="../../assets/css/common.css" />
    <link rel="stylesheet" href="../../assets/element-ui/index.css" />
    <link rel="stylesheet" href="./index.min.css" />
    <style>
        html,
        body {
            width: 100%;
            height: 100%;
            overflow: hidden;
            margin: 0;
        }
    </style>
    <title>计算器</title>
</head>

<body>
    <div id="app" class="plant-t-clock-calculator">
        <div class="screen">
            <m-num v-for="item in 9"/>
        </div>
        <div class="calculator">
            <div class="num-pad"></div>
        </div>
        <div class="calculate-history"></div>

    </div>
</body>
<script src="../../assets/js/vue2.js"></script>
<script src="../../assets/element-ui/index.js"></script>
<script src="../../assets/element-ui/et.js"></script>
<script>
    Vue.config.productionTip = true
    Vue.component('m-num', {
        template: '<div class="num-panel">' +
            '<div class="r p1">' +
            '<div class="box">' +
            '<div class="arrow-l"></div>' +
            '<div class="arrow-r"></div>' +
            '</div>' +
            '</div>' +
            '<div class="c p2">' +
            '<div class="box">' +
            '<div class="arrow-t"></div>' +
            '<div class="arrow-b"></div>' +
            '</div>' +
            '</div>' +
            '<div class="r p3">' +
            '<div class="box">' +
            '<div class="arrow-l"></div>' +
            '<div class="arrow-r"></div>' +
            '</div>' +
            '</div>' +
            '<div class="c p4">' +
            '<div class="box">' +
            '<div class="arrow-t"></div>' +
            '<div class="arrow-b"></div>' +
            '</div>' +
            '</div>' +
            '<div class="c p5">' +
            '<div class="box">' +
            '<div class="arrow-t"></div>' +
            '<div class="arrow-b"></div>' +
            '</div>' +
            '</div>' +
            '<div class="r p6">' +
            '<div class="box">' +
            '<div class="arrow-l"></div>' +
            '<div class="arrow-r"></div>' +
            '</div>' +
            '</div>' +
            '<div class="c p7">' +
            '<div class="box">' +
            '<div class="arrow-t"></div>' +
            '<div class="arrow-b"></div>' +
            '</div>' +
            '</div>' +
            '</div>'
    });
    new Vue({
        el: '#app',
        data: {
            staticPath: '../../assets',
            plugins: new Plugins(),
        },
        mounted() {

        },
        computed: {

        },
        methods: {

        }
    })
</script>

</html>